<template>
	<div>
		<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media">
					<router-link to="/home/newsinfoOne">
						<img class="mui-media-object mui-pull-left" src="http://tb.himg.baidu.com/sys/portrait/item/976ae4bfa1e4b88de4bfa1e59083e7bf94e887aae5b0bd8c4a">
						<div class="mui-media-body">
						<h1>公主</h1>
							<p class='mui-ellipsis'>
							<span>发表时间：2019-07-01 21：48</span>
							<span>点击：12次</span>
							</p>
						</div>
					</router-link>
				</li>
				<li class="mui-table-view-cell mui-media">
					<router-link to="/home/newsinfoTwo">
						<img class="mui-media-object mui-pull-left" src="https://b-ssl.duitang.com/uploads/item/201903/22/20190322140725_JwWVy.thumb.300_300_c.jpeg">
						<div class="mui-media-body">
						<h1>九次</h1>
							<p class='mui-ellipsis'>
							<span>发表时间：2019-07-03 21：00</span>
							<span>点击：34次</span>
							</p>
						</div>
					</router-link>
				</li>
				<li class="mui-table-view-cell mui-media">
					<router-link to="/home/newsinfoThree">
						<img class="mui-media-object mui-pull-left" src="https://b-ssl.duitang.com/uploads/item/201903/18/20190318103259_RwCX4.thumb.300_300_c.jpeg">
						<div class="mui-media-body">
						<h1>女鬼</h1>
							<p class='mui-ellipsis'>
							<span>发表时间：2019-07-02 08：48</span>
							<span>点击：23次</span>
							</p>
						</div>
					</router-link>
				</li>

			</ul>
	</div>
</template>

<script>

</script>

<style lang="scss" scoped>
.mui-table-view{
	li{
		h1{
			font-size: 14px;
		}
		.mui-ellipsis{
			font-size: 14px;
			color: #226aff;
			display: flex;
			justify-content: space-between;
		}
	}
}
</style>